<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>360商城</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./css/detail.css" />
    <link rel="stylesheet" href="./assert/iconfont/iconfont.css" />
    <link rel="shortcut icon" href="./assert/images/title.jpg" />
    <link rel="bookmark" href="./assert/images/title.jpg" />
  </head>
  <body>
    <div class="top">
      <div class="top_bar_wrapper">
        <div class="top_bar w">
          <div class="top_nav_list">
            <a href="javascript:;">帮助中心</a>
            <a href="javascript:;">收藏</a>
            <a href="javascript:;">360官网</a>
          </div>

          <ul class="top_user_box">
            <div class="login_box">
            <li><a class="login" href="./login.html">登录</a></li>
            <li><a class="regist" href="./register.html">注册</a></li>
          </div>
          <div class="logined_box">
            <li class="user">用户名</li>
            <li class="exit">退出登录</li>
          </div>
            <div class="serv">
            <li><a href="javascript:;">360手机商城</a></li>
            <li class="car"><a href="./cart.html" class="iconfont">&#xf0179;
              <em></em>
            </a>
            </li>
          </div>
          </ul>
        </div>
      </div>
    </div>
    <!-- 顶部end -->
    <!-- 头部导航 -->
    <div class="header w">
      <div class="header_nav w">
        <div class="logo">
          <h1>
            <a href="index.html">
              <img
                src="https://p.ssl.qhimg.com/t0102789b8d00c3dfce.png"
                alt=""
              />
            </a>
          </h1>
        </div>
        <div class="nav_list">
          <a href="javascript:;">领券中心</a>
          <a href="javascript:;">社区</a>
        </div>
        <div class="search">
          <input type="text" />
          <a href="javascript:;" class="iconfont">&#xe610;</a>
        </div>
        <div class="hot_words">
          <a href="javascript:;">摄像机</a>
          <a href="javascript:;">路由器</a>
          <a href="javascript:;">记录仪</a>
          <a href="javascript:;">耳机</a>
          <a href="javascript:;">扫地机</a>
          <a href="javascript:;">儿童手表</a>
        </div>
      </div>
    </div>
    <!-- i -->
    <div class="header_box w">
      <div class="menu_list">
        <p>全部分类</p>
          <ul class="aside_list">
            <li class="aside_b">
              <span class="iconfont">&#xe64f;</span
              ><a href="javascript:;">智能设备</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>智能设备</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01c8169ecc14f6af6c.png"
                        alt=""
                      />
                      <span>摄像机</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t01fa592def38519950.png"
                        alt=""
                      />
                      <span>可视门铃</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01e77d5fbf93871692.png"
                        alt=""
                      />
                      <span>路由器</span>
                    </div>
                  </div>
                </div>
                <div class="level_box">
                  <div class="level_l border_n">
                    <span></span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p0.ssl.qhimg.com/t01428f478fbe90648f.webp"
                        alt=""
                      />
                      <span>扫地机</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t01fe9d95a5d3f4ccc9.webp"
                        alt=""
                      />
                      <span>台灯</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t011dd90843ef0b64e9.webp"
                        alt=""
                      />
                      <span>云绿卡</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xe64a;</span
              ><a href="javascript:;">食品/酒水/名茶</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>食品</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t0175f252f389e0f8b7.webp"
                        alt=""
                      />
                      <span>自嗨锅</span>
                    </div>
                  </div>
                </div>
                <div class="level_box">
                  <div class="level_l">
                    <span>休闲零食</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t0175f252f389e0f8b7.webp"
                        alt=""
                      />
                      <span>坚果</span>
                    </div>
                  </div>
                </div>
                <div class="level_box">
                  <div class="level_l">
                    <span>酒类</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01f5e0b2c0d11e6a5d.webp"
                        alt=""
                      />
                      <span>红酒</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xe62a;</span
              ><a href="javascript:;">手机/数码/电脑办公</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>潮流精选</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01f0cec2df87b87240.webp"
                        alt=""
                      />
                      <span>游戏柄</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01b5490b814ec84012.webp"
                        alt=""
                      />
                      <span>音响</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01dc39789b75520896.webp"
                        alt=""
                      />
                      <span>电纸书</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xe64e;</span
              ><a href="javascript:;">家用电器</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>厨房家电</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p1.ssl.qhimg.com/t01049899997c806e91.webp"
                        alt=""
                      />
                      <span>咖啡机</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01b2972e7bebb2234a.webp"
                        alt=""
                      />
                      <span>榨汁机</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t015cc411df662c269a.webp"
                        alt=""
                      />
                      <span>电饭煲</span>
                    </div>
                  </div>
                </div>
                <div class="level_box">
                  <div class="level_l border_n">
                    <span></span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t01fe7a4f0588eace52.webp"
                        alt=""
                      />
                      <span>养生壶</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01c99df15dd3bfcb12.webp"
                        alt=""
                      />
                      <span>料理机</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t0141d604177d92a95e.webp"
                        alt=""
                      />
                      <span>电烤箱</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xec6d;</span
              ><a href="javascript:;">汽车用品</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>车载电器</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p1.ssl.qhimg.com/t01f1f520cf32f316c2.webp"
                        alt=""
                      />
                      <span>行车记录仪</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p1.ssl.qhimg.com/t014f7dd4c96b8de380.webp"
                        alt=""
                      />
                      <span>胎压监测</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t01123c58b88d77a1ce.webp"
                        alt=""
                      />
                      <span>安全座椅</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xe60a;</span
              ><a href="javascript:;">家居/家纺</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>家居日用</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p4.ssl.qhimg.com/t01e6ccfaf9490a6129.webp"
                        alt=""
                      />
                      <span>保温杯</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01e2a6ce4bd1d80812.webp"
                        alt=""
                      />
                      <span>化妆镜</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p1.ssl.qhimg.com/t01d19553b7c06e59d5.webp"
                        alt=""
                      />
                      <span>手巾</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xe704;</span
              ><a href="javascript:;">个护清洁</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>纸品清洁</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t011c2c25a1e143a5cd.webp"
                        alt=""
                      />
                      <span>纸抽</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p2.ssl.qhimg.com/t015e1c190b84fc0e58.webp"
                        alt=""
                      />
                      <span>湿巾</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
            <li class="aside_b">
              <span class="iconfont">&#xe601;</span
              ><a href="javascript:;">玩具</a>
              <ul class="aside_menu">
                <div class="level_box">
                  <div class="level_l">
                    <span>玩具精选</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01a1a9d5d419bbf0e8.png"
                        alt=""
                      />
                      <span>绘画板/手写板</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t019bc303bf04c6a753.png"
                        alt=""
                      />
                      <span>绘画板/手写板</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01a1a9d5d419bbf0e8.png"
                        alt=""
                      />
                      <span>绘画板/手写板</span>
                    </div>
                  </div>
                </div>

                <!-- //二层 -->
                <div class="level_box">
                  <div class="level_l">
                    <span>玩具精选</span>
                  </div>
                  <div class="level_r">
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01a1a9d5d419bbf0e8.png"
                        alt=""
                      />
                      <span>绘画板/手写板</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t019bc303bf04c6a753.png"
                        alt=""
                      />
                      <span>绘画板/手写板</span>
                    </div>
                    <div class="goods">
                      <img
                        src="https://p3.ssl.qhimg.com/t01a1a9d5d419bbf0e8.png"
                        alt=""
                      />
                      <span>绘画板/手写板</span>
                    </div>
                  </div>
                </div>
              </ul>
            </li>
          </ul>
        </ul>
      </div>
    </div>
    <!-- imtroduce -->
    <div class="prod_intro">
      <div class="content_pro">
        <img src="https://p3.ssl.qhimg.com/t01c8169ecc14f6af6c.webp" alt="">
        <div class="big_box">
          <img src="https://p3.ssl.qhimg.com/t01c8169ecc14f6af6c.webp" alt="">
        </div>
        <div class="mask"></div>
      </div>
     
      <div class="pro_info">
        <p class="pro_title">360 智能摄像机云台版1080P D706 白色</p>
        <p class="slog">1080P画质 红外夜视 360°全景视野
          <a href="javascript:;"><br>2k高清新品摄像机、存储卡、上墙支架等更多商品，点击查看>></a>
        </p>
        <div class="info_wrap">
            <div class="pro_price">
              <em>价 格:</em>
              <strong class="now_price">￥139</strong>
              <i class="old_price">￥199</i>
            </div>
            <div class="pro_price">
              <em>领 券:</em>
              <span class="pro_more">
                满99.00减5.00元
              </span>
            </div>
            <div class="pro_cheap">
              <em>促 销:</em>
              <span class="pro_fast">
                <em><i>直降</i> <b>立减60.00元</b></em> 
                <em><i>满赠</i><b>满299送湿巾</b></em> 
              </span>
            </div>
        </div>
        <div class="num">
          <em>数 量</em>
          <div class="calc">
            <a href="javascript:;" class="decreat">-</a>
            <input type="text" value="1" >
            <a href="javascript:;" class="increat">+</a>
          </div>
        </div>
        <div class="num">
          <em>积 分</em>
          <span>购买获得139积分</span>
        </div>
        <div class="pro_btns">
          <a href="javascript:;" class="buy">立即购买</a>
          <a href="./cart.html" class="join">加入购物车</a>
          <a href="javascript:;" class="like"></a>
        </div>
      </div>
     <div class="small_img">
       <div class="imgs border_b">
         <img src="https://p3.ssl.qhimg.com/t01c8169ecc14f6af6c.png" alt="">
       </div>
       <div class="imgs">
        <img src="https://p2.ssl.qhimg.com/t0157605acaaedf4e7e.png" alt="">
      </div>
      <div class="imgs">
        <img src="https://p2.ssl.qhimg.com/t0197551f211a8f8976.png" alt="">
      </div>
      <div class="imgs">
        <img src="https://p3.ssl.qhimg.com/t018c9074561c4c08a9.png" alt="">
      </div>
      <div class="imgs">
        <img src="https://p1.ssl.qhimg.com/t010c3b5551dea4377f.png" alt="">
      </div>
     </div>
    <ul class="feature">
      <li>360商城发货&售后</li>
      <li>满99元包邮</li>
      <li>7天无理由退货</li>
      <li>15天免费换货</li>
    </ul>
  </div>
  <div class="right_side">
    <div class="side_icon_t">
      <span class="iconfont">&#xe616;</span>
      <span class="iconfont">&#xe82c;</span>
    </div>
    <div class="side_icon_b">
      <span class="iconfont">&#xe7a0;</span>
      <span class="goback iconfont">&#xe61c;</span>
    </div>
  </div>

  <div class="adv center"> 
    <img src="https://p3.ssl.qhimg.com/t018c8b49c08d9c21a1.png" alt="">
    <img src="https://p4.ssl.qhimg.com/t015594efa064413b25.jpg" alt="">
    <img src="https://p0.ssl.qhmsg.com/t017c3807cabc479ffb.webp" alt="">
    <img src="https://p4.ssl.qhmsg.com/t01fc549737f324696e.webp" alt="">
    <img src="https://p0.ssl.qhmsg.com/t0118ab1bd1ccf652c4.webp" alt="">
    <img src="https://p2.ssl.qhmsg.com/t0130ecf5e7e7a6f38c.webp" alt="">
  </div>
  <div class="footer_wrapper">
    <div class="footer_box w">
      <div class="about_box">
        <p class="helper_title">关于商城</p>
        <p class="helper_text">
          360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
        </p>
        <div class="follow_box">
          <span class="follow_btn">关于我们</span>
          <span class="index_icon">
            <span class="hover_img iconfont"> &#xe82c; </span>
            <span class="hover_img iconfont"> &#xe63d; </span>
          </span>
        </div>
      </div>

      <div class="help_box">
        <p class="helper_title link_box">售后服务</p>
        <a href="javascript:;" class="helper_text">七天无理由</a>
        <a href="javascript:;" class="helper_text">保修条款</a>
        <a href="javascript:;" class="helper_text">服务流程</a>
        <a href="javascript:;" class="helper_text">许可协议</a>
        <a href="javascript:;" class="helper_text">隐私政策</a>
        <a href="javascript:;" class="helper_text">质量问题</a>
      </div>
      <div class="help_box">
        <a href="javascript:;" class="helper_text">用户注册 </a>
          <a href="javascript:;" class="helper_text">会员说明 </a>
          <a href="javascript:;" class="helper_text">登录与密码找回 </a>
          <a href="javascript:;" class="helper_text">购买指南</a>
          <a href="javascript:;" class="helper_text">支付方式</a>
          <a href="javascript:;" class="helper_text">配送与说明</a>
      </div>
      <div class="help_box">
        <p class="helper_title">扫码下载APP</p>
        <div class="icode">
          <img
            src="https://p4.ssl.qhimg.com/t01912e4fcc88786eca.png"
            alt=""
          />
        </div>
      </div>
      <div class="connect_box">
        <p class="helper_title">练习我们</p>
        <p class="help_text">400-1555-360</p>
        <p class="helper_text">周一至周日 9:00-21:00（仅收市话费）</p>
      </div>
    </div>
  </div>
  <!-- 底部版权 -->
  <div class="copyright_wrapper">
    <div class="copyright w">
      <div class="service w">
        <div class="service_list">
          <i class="iconfont">&#xe60e;</i>
          <a href="javascript:;">七天无理由</a>
        </div>
        <div class="service_list">
          <i class="iconfont"> &#xe665; </i>
          <a href="javascript:;"> 15天免费换货 </a>
        </div>
        <div class="service_list">
          <i class="iconfont">&#xe619;</i>
          <a href="javascript:;"> 满99元包邮 </a>
        </div>
      </div>
      <div class="copy w">
        <p>©2019-2020 mall.360.cn版权所有</p>
        <p>京ICP备08010314号-43 营业执照 京公网安备11000002000006号</p>
        <span
          >公司名称：北京视觉世界科技有限公司 |
          社会统一信用代码：91110105336460203N |食品经营许可证
        </span>
        <span>
          公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 |
          联系方式：400-1555-360</span
        >
      </div>
    </div>
  </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="./javascripts/commons.js"></script>
    <script src="./javascripts/xuanxiangka.js"></script>
    <script src="./javascripts/magnify.js"></script>
    <script src="./javascripts/gocar.js"></script>
    <script src="./javascripts/shopcart.js"></script>
  <script src="./javascripts/onload.js"></script>
  <script src="./javascripts/more.js"></script>
  </body>
</html>
